<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>慕粉3224635的课程</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <meta property="qc:admins" content="77103107776157736375" />
    <meta property="wb:webmaster" content="c4f857219bfae3cb" />
    <meta http-equiv="Access-Control-Allow-Origin" content="*" />
    <meta http-equiv="Cache-Control" content="no-transform " />
    <meta name="keywords" content="慕课网，慕课官网，MOOC，移动开发，IT技能培训，免费编程视频，php开发教程，web前端开发，在线编程学习，html5视频教程，css教程，ios开发培训，安卓开发教程" />
    <meta name="description" content="慕课网（IMOOC）是学习编程最简单的免费平台。慕课网提供了丰富的移动端开发、php开发、web前端、html5教程以及css3视频教程等课程资源。它富有交互性及趣味性，并且你可以和朋友一起编程。" />
    <link rel="stylesheet" href="__PUBLIC__/css/ucenter/layer.css" />
    <link rel="stylesheet" href="__PUBLIC__/css/base.css?v=1461734761" type="text/css"/>
    <link rel="stylesheet" href="__PUBLIC__/css/common-less.css?v=1461734761" type="text/css"/>
    <link rel="stylesheet" href="__PUBLIC__/css/ucenter/u_common-less.css?v=1461734761" type="text/css"/>
    <link rel="stylesheet" href="__PUBLIC__/css/ucenter/time-less.css?v=1461734761" type="text/css"/>
    <link rel="stylesheet" href="__PUBLIC__/css/font-awesome.min.css" type="text/css" />
</head>
<body >
<!--头部-->
<include file="Public/header" />
<!--主体部分-->
<div id="main">
    <!--黑色背景-->
    <div class="big-pic">
        <div class="user-info">
            <h3 class="user-name clearfix">
                <span>慕粉3224635</span>
            </h3>
            <!--25-->
            <p class="about-info">

                <span class='gender ' title='男'></span>
                北京
                PHP开发工程师
            </p>
            <p class="user-desc">陪伴，是最长情的告白</p>
            <div class="study-info clearfix">
                <div class="item study-time">
                    <em> 7分</em><span>学习时长</span>
                </div>
                <div class="item integral">
                    <a href="{:U('Ucenter/credit')}"><em>0</em><span>赚取积分</span></a>

                </div>
                <div class="item experience">
                    <a href="{:U('Ucenter/experience')}"><em>40</em><span>获得经验</span></a>
                </div>
            </div><!--.study-info end-->
        </div><!-- .user-info end -->
    </div><!-- .big-pic end -->
    <!--白色背景-->
    <div class="wrap">
        <!--头像+左侧分类-->
        <div class="slider">
            <div class="user-pic">
                <div class="user-pic-bg"></div><!--user-pic-big end-->
                <img class='img' src="http://img.mukewang.com/545862aa0001f8da02200220-200-200.jpg" alt=""/>

                <div class="set-btn"><a href="{:U('Ucenter/setprofile')}"><i class="icon-set"></i></a></div>

            </div>
            <!--左侧分类-->
            <ul>
                <li><a href="{:U('ucenter/index')}" class="active"><i class="icon-tick"></i><span>课程</span><b class="icon-drop_right"></b></a></li>
                <li><a href="{:U('ucenter/wenda')}" ><i class="icon-yuanwen"></i><span>猿问</span><b class="icon-drop_right"></b></a></li>
                <li><a href="{:U('ucenter/shouji')}" ><i class="icon-blog"></i><span>手记</span><b class="icon-drop_right"></b></a></li>
            </ul>
        </div><!-- .slider end -->
        <div class="u-container">
            <div class="c-tab clearfix">
                <div class="tool-left l">
                    <a href="{:U('Ucenter/index')}" class="sort-item active">最近学习</a>
                    <a href="/u/3224635/courses?sort=follow" class="sort-item ">我的关注</a>
                </div>
                <!--我的课程 下拉表 -->
                <div class="tool-right r">
                    <div class="tool-all">
                        <span id="js-columall" class="tool-item">
                            <span>
                                  全部课程
                            </span>
                            <i class="tool-item icon icon-drop_down"></i>
        	            </span>
                        <ul id="js-columbd" class="all-cont" style="display:none;">
                            <li><a data-id="0" href="/u/3224635/courses?sort=time&skill_id=0">全部课程</a></li>
                            <li><a data-id="7" href="/u/3224635/courses?sort=time&skill_id=7">HTML/CSS</a></li>
                            <li><a data-id="44" href="/u/3224635/courses?sort=time&skill_id=44">JavaScript</a></li>
                            <li><a data-id="219" href="/u/3224635/courses?sort=time&skill_id=219">jQuery</a></li>
                            <li><a data-id="221" href="/u/3224635/courses?sort=time&skill_id=221">Html5</a></li>
                            <li><a data-id="1262" href="/u/3224635/courses?sort=time&skill_id=1262">CSS3</a></li>
                            <li><a data-id="1263" href="/u/3224635/courses?sort=time&skill_id=1263">Bootstrap</a></li>
                        </ul>

                    </div>
                </div>
            </div>
            <div class="js-course-list my-space-course study-tl">
                <div class="clearfix tl-item  tl-item-first">
			            <span class="time">
                               <b>2016</b>
                                <em>04月20日</em>
                        </span>
                    <!--两个课程-->
                    <div class="course-list course-list-m">
                        <ul class="clearfix">
                            <li class="course-one" data-courseid="41" data-uid="3224635">
                                <div class="course-list-img l">
                                    <a href="{:U('Course/details')}" target="_blank">
                                        <img width="200" height="113" alt="响应式布局" src="http://img.mukewang.com/53e1d1f90001400a06000338-240-135.jpg" />
                                    </a>
                                </div>
                                <div class="course-list-cont">
                                    <h3 class="study-hd">
                                        <a href="{:U('Course/details')}" target="_blank">响应式布局</a>

                                        <span class="i-new">更新完毕</span>
                                        <!-- 更新完毕 -->
                                        <!-- 关注和删除 -->
                                        <div class="share-box clearfix">
                                            <div class="show-btn"><i class="icon-down2"></i></div>
                                            <div class="share-box-con courses-r">
                                                <a href="javascript:;" title="关注" class="follow custom_f"><i class="icon icon-heart"></i></a>
                                                <a href="javascript:;" title="删除" class="del"><i class="icon icon-notdisplay"></i></a>

                                            </div>
                                        </div>
                                    </h3>
                                    <div class="study-points">
                                        <span class="i-left span-common">已学45%</span>
                                        <span class="i-mid span-common">用时 7分</span>
                                        <span class="i-right span-common">学习至1-4 设计原则</span>
                                    </div>
                                    <div class="catog-points">
                                        <span class="i-left span-common"><a href="/u/3224635/course/41/notes">笔记 <i>0</i></a></span>
                                        <span class="i-mid span-common"><a href="/u/3224635/course/41/codes">代码 <i>0</i></a></span>
                                        <span class="i-right span-common"><a href="/u/3224635/course/41/questions">问答 <i>0</i></a></span>

                                        <a href="{:U('Course/play?video=8983')}" target="_blank" class="btn-red continute-btn">继续学习</a>

                                    </div>
                                </div>


                            </li>
                            <li class="course-one" data-courseid="453" data-uid="3224635">
                                <div class="course-list-img l">
                                    <a href="{:U('Course/details')}" target="_blank">
                                        <img width="200" height="113" alt="H5+JS+CSS3实现七夕言情" src="http://img.mukewang.com/5705d31a00013ca706000338-240-135.jpg" />
                                    </a>
                                </div>
                                <div class="course-list-cont">
                                    <h3 class="study-hd">
                                        <a href="{:U('Course/details')}" target="_blank">H5+JS+CSS3实现七夕言情</a>

                                        <span class="i-new">更新完毕</span>
                                        <!-- 更新完毕 -->
                                        <!-- 关注和删除 -->
                                        <div class="share-box clearfix">
                                            <div class="show-btn"><i class="icon-down2"></i></div>
                                            <div class="share-box-con courses-r">
                                                <a href="javascript:;" title="取消关注" class="follow custom_f"><i class="icon icon-heart-revert"></i></a>
                                                <a href="javascript:;" title="删除" class="del"><i class="icon icon-notdisplay"></i></a>

                                            </div>
                                        </div>
                                    </h3>
                                    <div class="study-points">
                                        <span class="i-left span-common">已学0%</span>
                                        <span class="i-mid span-common">用时 0分</span>
                                        <span class="i-right span-common">学习至1-1 课程简介</span>
                                    </div>
                                    <div class="catog-points">
                                        <span class="i-left span-common"><a href="/u/3224635/course/453/notes">笔记 <i>0</i></a></span>
                                        <span class="i-mid span-common"><a href="/u/3224635/course/453/codes">代码 <i>0</i></a></span>
                                        <span class="i-right span-common"><a href="/u/3224635/course/453/questions">问答 <i>0</i></a></span>

                                        <a href="{:U('Course/play?video=8983')}" target="_blank" class="btn-red continute-btn">继续学习</a>

                                    </div>
                                </div>


                            </li>
                        </ul>
                    </div>
                </div>

            </div>
            <!-- 分页 -->
            <div class="qa-comment-page">
            </div>


        </div><!-- .container end -->
    </div><!-- .wrap end-->

</div>
<include file="Public/footer" />
<!--右侧微信qq图标 悬浮栏-->
<div id="J_GotoTop" class="elevator">
    <a class="elevator-weixin" href="javascript:;">
        <div class="elevator-weixin-box">
        </div>
    </a>
    <a class="elevator-msg" href="/user/feedback" target="_blank" id="feedBack"></a>
    <a class="elevator-app" href="http://www.imooc.com/mobile/app" >
        <div class="elevator-app-box">
        </div>
    </a>
    <a class="elevator-top" href="javascript:;" style="display:none" id="backTop"></a>
</div>
</body>
</html>
